<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>属性绑定和双向数据绑定</title>
	<script src="./vue.js"></script>
</head>
<body>
	<div id="root">
		<div v-bind:title="'roger title ' + title">hello world1</div>
		<div v-bind:title="'roger ' + title">hello world2</div>
		<div v-bind:title="title">hello world3</div>
		<div :title="title">hello world4</div>
		
		<input :value="content"/>
		<input v-model="content"/>
		<div>{{content}}</div>
		
	</div>
	<script>
		new Vue({
			el:"#root",
			data:{
				title: "this is hello world",
				content: "this is content"
			}
		})
	</script>
</body>
</html>